<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>元素显示方式</title>
    <style>
      div, span {
        border: 1px solid skyblue;
      }
      #d1 {
        /*display: none;*//*隐藏标签*/
        width: 200px;
        height: 200px;
      }
      span {
        /*span标签的display默认值是inline, 设置宽度和高度是无效的*/
        display: block;/*设置display值为block之后, 就可以改变宽度和高度 span和a都不推荐使用*/
        width: 100px;
        height: 100px;
      }
    </style>
</head>
<body>
  <div>div默认情况</div>
  <div id="d1">div设置</div>
  <div>
    第一行内容<br>
    第二行内容
  </div>
  <span>span1</span>
  <span>span2</span>
  <span>span3</span>
</body>
</html>